/*
aothor:fuxin
date:2017-01-03
*/

html,body{width:100%;height:100%;overflow:hidden;}
.swiper-container{width:100%;height:100%;position:static;margin:0px auto 0;}
/* .slide{width:100%;height: 90% !important;overflow:hidden;} */
.slide{width:100%;height: 90% !important;}
.swiper-container-vertical>.swiper-pagination-bullets{width:22px;right:20px;top:50%;margin-top:70px;border:0;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{width:20px;height:20px;margin:15px 0;background:#ffbebe;opacity:1;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#ff0000;}
.ani{display:none;position:absolute;}
.animated{display:block;}
.arraw{position:fixed;z-index:99;display:block;width:9%;opacity:0.7;}
.swiper-button-disabled{display:none;}
.whitebg{height:15.5%;width:100%;background:#fff;position:absolute;bottom:0px;left:0px;z-index:77;}
.weixin_tip{display:none;position:fixed;top:0;left:50%;margin-left:-320px;z-index:99999999999;width:640px;height:100%;background:#000000 url(../images/index/weixin_guide.html) center top no-repeat;background-size:100% 100%;}

.swiper-slide1{
	width:100%;

}
.slide-1 img{margin-bottom: 5%;}

.pic_box,.pic_box{

/*border: 1px black solid;*/
}
/*定位*/
/*414分辨率*/
/*@media screen and (max-width:414px){

@media screen and (max-height:650px){
    .pic_box{
      width: 310px;
      height:auto;
      margin: 5px auto 0; 
      border: 1px red solid;
    }
    .pic_box5{
      width: 300px;
      height:648px;
      margin: 10px auto 0; 
    }
  }
  @media screen and (min-height:651px){
    .pic_box{
      width: 400px;
      height:auto;
      margin: 10px auto 0; 
      border: 1px blue solid;
    }
    .pic_box5{
      width: 400px;
      height:720px;
      margin: 10px auto 0; 
    }
  }
}*/
/*375分辨率*/
/*@media screen and (max-width:375px){
  .pic_box{
    width: 375px;
    height:auto;
    margin: 10px auto 0; 
  }
  .pic_box5{
    width: 375px;
    height:auto;
    margin: 10px auto 0; 
  }

}*/

/*320分辨率*/
/*@media screen and (max-width:320px){
  .pic_box{
    width: 310px;
    height:auto;
    margin: 10px auto 0;
    border: 1px red solid; 
  }
  .pic_box5{
    width: 310px;
    height:auto;
    margin: 0 auto; 
  }

}*/
/*880分辨率*/ 
@media screen and (min-width: 415px) and (max-width: 959px) {



	@media screen and (max-height:860px){
	  .pic_box{
	    width: 460px;
	    height:820px;
	    margin-left: 90px; 
	  }
	  .pic_box5{
	    width: 460px;
	    height:800px;
	    margin-left: 90px;  
	  }
	}
	


   @media screen and (min-height:861px) and (max-height:920px){
	  .pic_box{
	    width: 520px;
	    height:900px;
	    margin-left:60px;
	  }
	  .pic_box5{
	    width: 520px;
	    height:900px;
	    margin-left: 60px; 
	  }
	}

	 @media screen and (min-height:921px) and (max-height:970px){
	  .pic_box{
	    width: 560px;
	    height:960px;
	    margin-left:40px;
	  }
	  .pic_box5{
	    width: 560px;
	    height:960px;
	    margin-left:40px;
	    margin-top: 50px;
	  }
	}

	 @media screen and (min-height:1200px){
	  .pic_box{
	    width: 580px;
	    height:1044px;
	    margin-left:20px;
	    margin-top: 50px;
	  }
	  .pic_box5{
	    width: 580px;
	    height:1100px;
	    margin-left:20px;
	    margin-top: 80px;
	  }
	}


}
/*1080分辨率*/ 
@media screen and (max-width: 1199px) and (min-width: 960px){

	     @media screen and (max-height:1400px){
		  .pic_box{
		    width: 760px;
		    height:1368px;
		    margin-left:122px;
		  }
		  .pic_box5{
		    width: 760px;
		    height:1368px;
		    margin-left:122px;
		  }
		}
        @media screen and (min-height:1401px){
		  .pic_box{
		    width: 1000px;
		    height:1800px;
		    margin-left:40px;
		    margin-top: 50px;
		  }
		  .pic_box5{
		    width: 1000px;
		    height:1920px;
		    margin-left:40px;
		  }
		}

}

/*1280分辨率以上*/
@media screen and (min-width: 1200px){
  .pic_box{
    width: 1400px;
    height:2520px;
    margin: 20px auto 0; 
  }
  .pic_box5{
    width: 1400px;
    height:2520px;
    margin: 0px auto 0; 
  }

}







@media screen and (max-width:950px){
	@media screen and (max-height:950px){


/* slide1 */
.slide{margin-top: -90px;}
.arraw{top:90%;left:46%;}
.download{position:absolute;z-index:99999;left:50%;top:80%;margin-left:-137px;display:block;width:275px;height:80px;line-height:80px;text-align:center;color:#fff;font-size:30px;background:#fe3734;border-radius:50px;box-shadow:0px 8px 25px rgba(249,187,187,0.8);}
.swiper-slide1 .finger{width:160px;left:50%;margin-left:-80px;top:350px;z-index:7;}
.swiper-slide1 .fonts{width:56%;max-width:416px;left:22%;top:3%;z-index:5;}
.swiper-slide1 .phonefg{width:160px;left:0px;top:0px;z-index:7;}
.swiper-slide1 .bigfinger{width:100px;left:103px;top:74px;z-index:8;}

.swiper-slide1 .circle{top:185px;left:105px;}	
.swiper-slide1 .circle-1{width:418px;left:0px;top:0px;z-index:0;}
.swiper-slide1 .circle-2{width:377px;left:20px;top:20px;z-index:1;}
.swiper-slide1 .circle-3{width:302px;left:57px;top:57px;z-index:2;}
.swiper-slide1 .circle-4{width:259px;left:79px;top:78px;z-index:3;}
.swiper-slide1 .circle-5{width:215px;left:101px;top:100px;z-index:4;}

.swiper-slide1 .floats-1{width:104px;left:52px;top:408px;z-index:6;}
.swiper-slide1 .floats-2{width:104px;left:70px;top:265px;z-index:6;}
.swiper-slide1 .floats-3{width:104px;left:192px;top:163px;z-index:6;}
.swiper-slide1 .floats-4{width:104px;left:332px;top:170px;z-index:6;}
.swiper-slide1 .floats-5{width:104px;left:445px;top:265px;z-index:6;}
.swiper-slide1 .floats-6{width:104px;left:463px;top:408px;z-index:6;}
/* slide2 */
.swiper-slide2 .fonts{width:62.19%;max-width:462px;left:19%;top:3.5%;z-index:5;}
.swiper-slide2 .ratater{width:491px;top:170px;left:50%;margin-left:-245px;}
.swiper-slide2 .ratater .ct{position:relative;width:446px;margin:23px auto 0;}
.swiper-slide2 .ratater .ratat{top:0px;left:0px;width:491px;}
/* slide3 */
.swiper-slide3 .cont{top:170px;left:100px;}
.swiper-slide3 .fonts{width:62%;max-width:550px;left:20%;top:3%;z-index:5;}
.swiper-slide3 .cont .ren{left:136px;top:66px;z-index:1;}
.swiper-slide3 .cont .box1{top:0px;left:70px;width:347px;height:114px;z-index:9;}
.swiper-slide3 .cont .box2{top:130px;left:0px;width:116px;height:200px;z-index:9;}
.swiper-slide3 .cont .box3{top:147px;left:294px;width:145px;height:236px;z-index:9;}

.swiper-slide3 .cont .box1 .text{top:0px;left:0px;width:116px;z-index:5;}
.swiper-slide3 .cont .box1 .line_fbd{left:0px;top:0px;width:116px;z-index:8;}
.swiper-slide3 .cont .box1 .line{top:22px;left:118px;width:192px;z-index:4;}
.swiper-slide3 .cont .box1 .icon{top:40px;left:276px;width:69px;z-index:5;}

.swiper-slide3 .cont .box2 .text{top:0px;left:0px;width:101px;z-index:5;}
.swiper-slide3 .cont .box2 .line_fbd{left:0px;top:0px;width:101px;z-index:8;}
.swiper-slide3 .cont .box2 .line{top:7px;left:28px;width:12px;z-index:4;}
.swiper-slide3 .cont .box2 .icon{top:129px;left:42px;width:69px;z-index:5;}

.swiper-slide3 .cont .box3 .text{top:0px;left:50px;width:115px;z-index:5;}
.swiper-slide3 .cont .box3 .line_fbd{left:45px;top:0px;width:115px;z-index:8;}
.swiper-slide3 .cont .box3 .line{top:3px;left:90px;width:13px;z-index:4;}
.swiper-slide3 .cont .box3 .icon{top:159px;left:20px;width:69px;z-index:5;}
/* slide4 */
.swiper-slide4{top:30%;margin-top:30px;}
.swiper-slide4 .fonts{width:65.17%;max-width:491px;left:17%;top:3.5%;z-index:5;}
.swiper-slide4 .cont{top:190px;left:126px;width:390px;}
.swiper-slide4 .cont .ren{top:0px;left:0px;width:100%;z-index:1;}
.swiper-slide4 .cont .rotat{top:112px;left:86px;width:170px;z-index:2;}
.swiper-slide4 .cont .phone{top:250px;left:10px;width:288px;z-index:2;}
/* slide5 */
.swiper-slide5{top:37%;margin-top:30px;}
.swiper-slide5 ul{width:600px;position:absolute;top:44%;left:10%;margin-top:-200px;margin-left:-45px;}
	}
 @media screen and (min-height:950px){



 .arraw{top:85%;left:46%;}
 .slide {margin-top:-60px;}
.download{position:absolute;z-index:99999;left:50%;top:75%;margin-left:-137px;display:block;width:275px;height:80px;line-height:80px;text-align:center;color:#fff;font-size:30px;background:#fe3734;border-radius:50px;box-shadow:0px 8px 25px rgba(249,187,187,0.8);}	   
.swiper-slide1 .finger{width:160px;left:50%;margin-left:-80px;top:350px;z-index:7;}
.swiper-slide1 .fonts{width:56%;max-width:416px;left:22%;top:3%;z-index:5;}
.swiper-slide1 .phonefg{width:160px;left:0px;top:0px;z-index:7;}
.swiper-slide1 .bigfinger{width:100px;left:103px;top:74px;z-index:8;}

.swiper-slide1 .circle{top:185px;left:105px;}	
.swiper-slide1 .circle-1{width:418px;left:0px;top:0px;z-index:0;}
.swiper-slide1 .circle-2{width:377px;left:20px;top:20px;z-index:1;}
.swiper-slide1 .circle-3{width:302px;left:57px;top:57px;z-index:2;}
.swiper-slide1 .circle-4{width:259px;left:79px;top:78px;z-index:3;}
.swiper-slide1 .circle-5{width:215px;left:101px;top:100px;z-index:4;}

.swiper-slide1 .floats-1{width:104px;left:52px;top:408px;z-index:6;}
.swiper-slide1 .floats-2{width:104px;left:70px;top:265px;z-index:6;}
.swiper-slide1 .floats-3{width:104px;left:192px;top:157px;z-index:6;}
.swiper-slide1 .floats-4{width:104px;left:332px;top:170px;z-index:6;}
.swiper-slide1 .floats-5{width:104px;left:445px;top:265px;z-index:6;}
.swiper-slide1 .floats-6{width:104px;left:463px;top:408px;z-index:6;}
/* slide2 */
.swiper-slide2 .fonts{width:62.19%;max-width:462px;left:19%;top:3.5%;z-index:5;}
.swiper-slide2 .ratater{width:491px;top:170px;left:50%;margin-left:-245px;}
.swiper-slide2 .ratater .ct{position:relative;width:446px;margin:23px auto 0;}
.swiper-slide2 .ratater .ratat{top:0px;left:0px;width:491px;}
/* slide3 */
.swiper-slide3 .cont{top:170px;left:100px;}
.swiper-slide3 .fonts{width:68%;max-width:550px;left:15%;top:3%;z-index:5;}
.swiper-slide3 .cont .ren{left:116px;top:66px;z-index:1;}
.swiper-slide3 .cont .box1{top:0px;left:70px;width:347px;height:114px;z-index:9;}
.swiper-slide3 .cont .box2{top:130px;left:0px;width:116px;height:200px;z-index:9;}
.swiper-slide3 .cont .box3{top:147px;left:294px;width:145px;height:236px;z-index:9;}

.swiper-slide3 .cont .box1 .text{top:0px;left:0px;width:116px;z-index:5;}
.swiper-slide3 .cont .box1 .line_fbd{left:0px;top:0px;width:116px;z-index:8;}
.swiper-slide3 .cont .box1 .line{top:22px;left:118px;width:192px;z-index:4;}
.swiper-slide3 .cont .box1 .icon{top:40px;left:276px;width:69px;z-index:5;}

.swiper-slide3 .cont .box2 .text{top:0px;left:0px;width:101px;z-index:5;}
.swiper-slide3 .cont .box2 .line_fbd{left:0px;top:0px;width:101px;z-index:8;}
.swiper-slide3 .cont .box2 .line{top:7px;left:28px;width:12px;z-index:4;}
.swiper-slide3 .cont .box2 .icon{top:129px;left:42px;width:69px;z-index:5;}

.swiper-slide3 .cont .box3 .text{top:0px;left:27px;width:115px;z-index:5;}
.swiper-slide3 .cont .box3 .line_fbd{left:27px;top:0px;width:115px;z-index:8;}
.swiper-slide3 .cont .box3 .line{top:3px;left:73px;width:13px;z-index:4;}
.swiper-slide3 .cont .box3 .icon{top:159px;left:0px;width:69px;z-index:5;}
/* slide4 */
.swiper-slide4{top:28%;margin-top:30px;}
.swiper-slide4 .fonts{width:65.17%;max-width:491px;left:17%;top:3.5%;z-index:5;}
.swiper-slide4 .cont{top:190px;left:126px;width:390px;}
.swiper-slide4 .cont .ren{top:0px;left:0px;width:100%;z-index:1;}
.swiper-slide4 .cont .rotat{top:112px;left:86px;width:170px;z-index:2;}
.swiper-slide4 .cont .phone{top:250px;left:10px;width:288px;z-index:2;}
/* slide5 */

.swiper-slide5{top:36%;margin-top:40px;}
.swiper-slide5 ul{width:600px;position:absolute;top:44%;left:3%;margin-top:-100px;margin-left:0px;}
	}
}

@media screen and (min-width:960px){
@media screen and (max-height:950px){
.arraw{position:fixed;z-index:99;display:block;width:9%;top:85%;left:48%;opacity:0.7;}
.download{position:absolute;z-index:99999;left:48%;top:70.5%;margin-left:-230px;display:block;width:550px;height:150px;line-height:150px;text-align:center;color:#fff;font-size:58px;background:#fe3734;border-radius:80px;box-shadow:0px 20px 35px rgba(249,187,187,0.8);}
.swiper-slide1 .finger{width:160px;left:50%;margin-left:-80px;top:350px;z-index:7;}
.swiper-slide1 .fonts{width:75%;max-width:600px;left:15%;top:2.5%;z-index:5;}
.swiper-slide1 .phonefg{width:250px;left:-10px;top:300px;z-index:7;}
.swiper-slide1 .bigfinger{width:150px;left:153px;top:420px;z-index:8;}	
	
.swiper-slide1 .circle{top:345px;left:-10px;}	
.swiper-slide1 .circle-1{width:760px;left:-20px;top:0px;z-index:0;}
.swiper-slide1 .circle-2{width:600px;left:60px;top:80px;z-index:1;}
.swiper-slide1 .circle-3{width:500px;left:110px;top:130px;z-index:2;}
.swiper-slide1 .circle-4{width:400px;left:160px;top:180px;z-index:3;}
.swiper-slide1 .circle-5{width:320px;left:200px;top:220px;z-index:4;}

.swiper-slide1 .floats-1{width:180px;left:-100px;top:688px;z-index:6;}
.swiper-slide1 .floats-2{width:180px;left:-60px;top:460px;z-index:6;}
.swiper-slide1 .floats-3{width:180px;left:110px;top:290px;z-index:6;}
.swiper-slide1 .floats-4{width:180px;left:370px;top:290px;z-index:6;}
.swiper-slide1 .floats-5{width:180px;left:565px;top:460px;z-index:6;}
.swiper-slide1 .floats-6{width:180px;left:615px;top:688px;z-index:6;}	
/* slide2 */
.swiper-slide2 .fonts{width:82%;max-width:550px;left:12%;top:3.5%;z-index:5;}
.swiper-slide2 .ratater{width:800px;top:300px;left:25%;margin-left:-245px;}
.swiper-slide2 .ratater .ct{position:relative;width:650px;margin:23px auto 0;}
.swiper-slide2 .ratater .ratat{top:0px;left:0px;width:800px;}
/* slide3 */
.swiper-slide3 .fonts{width:82%;max-width:550px;left:10%;top:3.5%;z-index:5;}
.swiper-slide3 .cont{top:300px;left:100px;}
.swiper-slide3 .cont .ren{left:80px;top:70px;z-index:1;width:380px;height:760px;}
.swiper-slide3 .cont .box1{top:0px;left:-20px;width:700px;height:184px;z-index:9;}
.swiper-slide3 .cont .box2{top:130px;left:0px;width:200px;height:380px;z-index:9;}
.swiper-slide3 .cont .box3{top:147px;left:294px;width:145px;height:236px;z-index:9;}

.swiper-slide3 .cont .box1 .text{top:-10px;left:-50px;width:220px;z-index:5;}
.swiper-slide3 .cont .box1 .line_fbd{left:-40px;top:-10px;width:220px;z-index:8;}
.swiper-slide3 .cont .box1 .line{top:22px;left:118px;width:460px;z-index:4;}
.swiper-slide3 .cont .box1 .icon{top:90px;left:510px;width:120px;z-index:5;}

.swiper-slide3 .cont .box2 .text{top:0px;left:-180px;width:190px;z-index:5;}
.swiper-slide3 .cont .box2 .line_fbd{left:-170px;top:0px;width:190px;z-index:8;}
.swiper-slide3 .cont .box2 .line{top:7px;left:-80px;width:30px;z-index:4;}
.swiper-slide3 .cont .box2 .icon{top:350px;left:-50px;width:120px;z-index:5;}

.swiper-slide3 .cont .box3 .text{top:100px;left:200px;width:220px;z-index:5;}
.swiper-slide3 .cont .box3 .line_fbd{left:180px;top:90px;width:226px;z-index:8;}
.swiper-slide3 .cont .box3 .line{top:153px;left:250px;width:20px;z-index:4;}
.swiper-slide3 .cont .box3 .icon{top:380px;left:130px;width:120px;z-index:5;}

/* slide4 */
.swiper-slide4{top:30%;margin-top:30px;}
.swiper-slide4 .fonts{width:82%;max-width:600px;left:13%;top:3.5%;z-index:5;}
.swiper-slide4 .cont{top:230px;left:0px;width:690px;}
.swiper-slide4 .cont .ren{top:0px;left:0px;width:100%;z-index:1;}
.swiper-slide4 .cont .rotat{top:200px;left:200px;width:250px;z-index:2;}
.swiper-slide4 .cont .phone{top:490px;left:50px;width:458px;z-index:2;}

/* slide5 */

.swiper-slide5{top:37%;margin-top:30px;}
.swiper-slide5 ul{width:1000px;position:absolute;top:44%;left:20%;margin-top:-200px;margin-left:-306px;}
}
@media screen and (min-height:950px){
/* slide1 */
.arraw{position:fixed;z-index:99;display:block;width:9%;top:85%;left:48%;opacity:0.7;}
.download{position:absolute;z-index:99999;left:50%;top:76%;margin-left:-137px;display:block;width:275px;height:80px;line-height:80px;text-align:center;color:#fff;font-size:30px;background:#fe3734;border-radius:50px;box-shadow:0px 8px 25px rgba(249,187,187,0.8);}
.swiper-slide1 .finger{width:160px;left:50%;margin-left:-80px;top:350px;z-index:7;}
.swiper-slide1 .fonts{width:56%;max-width:416px;left:22%;top:3%;z-index:5;}
.swiper-slide1 .phonefg{width:160px;left:0px;top:0px;z-index:7;}
.swiper-slide1 .bigfinger{width:100px;left:103px;top:74px;z-index:8;}

.swiper-slide1 .circle{top:185px;left:105px;}	
.swiper-slide1 .circle-1{width:418px;left:0px;top:0px;z-index:0;}
.swiper-slide1 .circle-2{width:377px;left:20px;top:20px;z-index:1;}
.swiper-slide1 .circle-3{width:302px;left:57px;top:57px;z-index:2;}
.swiper-slide1 .circle-4{width:259px;left:79px;top:78px;z-index:3;}
.swiper-slide1 .circle-5{width:215px;left:101px;top:100px;z-index:4;}

.swiper-slide1 .floats-1{width:104px;left:52px;top:408px;z-index:6;}
.swiper-slide1 .floats-2{width:104px;left:70px;top:265px;z-index:6;}
.swiper-slide1 .floats-3{width:104px;left:192px;top:163px;z-index:6;}
.swiper-slide1 .floats-4{width:104px;left:332px;top:170px;z-index:6;}
.swiper-slide1 .floats-5{width:104px;left:445px;top:265px;z-index:6;}
.swiper-slide1 .floats-6{width:104px;left:463px;top:408px;z-index:6;}
/* slide2 */
.swiper-slide2 .fonts{width:62.19%;max-width:462px;left:19%;top:3.5%;z-index:5;}
.swiper-slide2 .ratater{width:491px;top:170px;left:50%;margin-left:-245px;}
.swiper-slide2 .ratater .ct{position:relative;width:446px;margin:23px auto 0;}
.swiper-slide2 .ratater .ratat{top:0px;left:0px;width:491px;}
/* slide3 */
.swiper-slide3 .cont{top:170px;left:100px;}
.swiper-slide3 .fonts{width:68%;max-width:550px;left:15%;top:3%;z-index:5;}
.swiper-slide3 .cont .ren{left:116px;top:66px;z-index:1;}
.swiper-slide3 .cont .box1{top:0px;left:70px;width:347px;height:114px;z-index:9;}
.swiper-slide3 .cont .box2{top:130px;left:0px;width:116px;height:200px;z-index:9;}
.swiper-slide3 .cont .box3{top:147px;left:294px;width:145px;height:236px;z-index:9;}

.swiper-slide3 .cont .box1 .text{top:0px;left:0px;width:116px;z-index:5;}
.swiper-slide3 .cont .box1 .line_fbd{left:0px;top:0px;width:116px;z-index:8;}
.swiper-slide3 .cont .box1 .line{top:22px;left:118px;width:192px;z-index:4;}
.swiper-slide3 .cont .box1 .icon{top:40px;left:276px;width:69px;z-index:5;}

.swiper-slide3 .cont .box2 .text{top:0px;left:0px;width:101px;z-index:5;}
.swiper-slide3 .cont .box2 .line_fbd{left:0px;top:0px;width:101px;z-index:8;}
.swiper-slide3 .cont .box2 .line{top:7px;left:28px;width:12px;z-index:4;}
.swiper-slide3 .cont .box2 .icon{top:129px;left:42px;width:69px;z-index:5;}

.swiper-slide3 .cont .box3 .text{top:0px;left:27px;width:115px;z-index:5;}
.swiper-slide3 .cont .box3 .line_fbd{left:27px;top:0px;width:115px;z-index:8;}
.swiper-slide3 .cont .box3 .line{top:3px;left:73px;width:13px;z-index:4;}
.swiper-slide3 .cont .box3 .icon{top:159px;left:0px;width:69px;z-index:5;}
/* slide4 */
.swiper-slide4{top:30%;margin-top:30px;}
.swiper-slide4 .fonts{width:65.17%;max-width:491px;left:17%;top:3.5%;z-index:5;}
.swiper-slide4 .cont{top:190px;left:126px;width:390px;}
.swiper-slide4 .cont .ren{top:0px;left:0px;width:100%;z-index:1;}
.swiper-slide4 .cont .rotat{top:112px;left:86px;width:170px;z-index:2;}
.swiper-slide4 .cont .phone{top:250px;left:10px;width:288px;z-index:2;}
/* slide5 */

.swiper-slide5{top:37%;margin-top:30px;}
.swiper-slide5 ul{width:1000px;position:absolute;top:44%;left:20%;margin-top:-200px;margin-left:-306px;}
	}
	@media screen and (min-height:950px){
.download{position:absolute;z-index:99999;left:50%;top:76%;margin-left:-137px;display:block;width:275px;height:80px;line-height:80px;text-align:center;color:#fff;font-size:30px;background:#fe3734;border-radius:50px;box-shadow:0px 8px 25px rgba(249,187,187,0.8);}	   
.swiper-slide1 .finger{width:160px;left:50%;margin-left:-80px;top:350px;z-index:7;}
.swiper-slide1 .fonts{width:56%;max-width:416px;left:22%;top:3%;z-index:5;}
.swiper-slide1 .phonefg{width:160px;left:0px;top:0px;z-index:7;}
.swiper-slide1 .bigfinger{width:100px;left:103px;top:74px;z-index:8;}

.swiper-slide1 .circle{top:185px;left:105px;}	
.swiper-slide1 .circle-1{width:418px;left:0px;top:0px;z-index:0;}
.swiper-slide1 .circle-2{width:377px;left:20px;top:20px;z-index:1;}
.swiper-slide1 .circle-3{width:302px;left:57px;top:57px;z-index:2;}
.swiper-slide1 .circle-4{width:259px;left:79px;top:78px;z-index:3;}
.swiper-slide1 .circle-5{width:215px;left:101px;top:100px;z-index:4;}

.swiper-slide1 .floats-1{width:104px;left:52px;top:408px;z-index:6;}
.swiper-slide1 .floats-2{width:104px;left:70px;top:265px;z-index:6;}
.swiper-slide1 .floats-3{width:104px;left:192px;top:163px;z-index:6;}
.swiper-slide1 .floats-4{width:104px;left:332px;top:170px;z-index:6;}
.swiper-slide1 .floats-5{width:104px;left:445px;top:265px;z-index:6;}
.swiper-slide1 .floats-6{width:104px;left:463px;top:408px;z-index:6;}
/* slide2 */
.swiper-slide2 .fonts{width:62.19%;max-width:462px;left:19%;top:3.5%;z-index:5;}
.swiper-slide2 .ratater{width:491px;top:170px;left:50%;margin-left:-245px;}
.swiper-slide2 .ratater .ct{position:relative;width:446px;margin:23px auto 0;}
.swiper-slide2 .ratater .ratat{top:0px;left:0px;width:491px;}
/* slide3 */
.swiper-slide3 .cont{top:170px;left:100px;}
.swiper-slide3 .fonts{width:68%;max-width:550px;left:15%;top:3%;z-index:5;}
.swiper-slide3 .cont .ren{left:116px;top:66px;z-index:1;}
.swiper-slide3 .cont .box1{top:0px;left:70px;width:347px;height:114px;z-index:9;}
.swiper-slide3 .cont .box2{top:130px;left:0px;width:116px;height:200px;z-index:9;}
.swiper-slide3 .cont .box3{top:147px;left:294px;width:145px;height:236px;z-index:9;}

.swiper-slide3 .cont .box1 .text{top:0px;left:0px;width:116px;z-index:5;}
.swiper-slide3 .cont .box1 .line_fbd{left:0px;top:0px;width:116px;z-index:8;}
.swiper-slide3 .cont .box1 .line{top:22px;left:118px;width:192px;z-index:4;}
.swiper-slide3 .cont .box1 .icon{top:40px;left:276px;width:69px;z-index:5;}

.swiper-slide3 .cont .box2 .text{top:0px;left:0px;width:101px;z-index:5;}
.swiper-slide3 .cont .box2 .line_fbd{left:0px;top:0px;width:101px;z-index:8;}
.swiper-slide3 .cont .box2 .line{top:7px;left:28px;width:12px;z-index:4;}
.swiper-slide3 .cont .box2 .icon{top:129px;left:42px;width:69px;z-index:5;}

.swiper-slide3 .cont .box3 .text{top:0px;left:27px;width:115px;z-index:5;}
.swiper-slide3 .cont .box3 .line_fbd{left:27px;top:0px;width:115px;z-index:8;}
.swiper-slide3 .cont .box3 .line{top:3px;left:73px;width:13px;z-index:4;}
.swiper-slide3 .cont .box3 .icon{top:159px;left:0px;width:69px;z-index:5;}
/* slide4 */
.swiper-slide4{top:30%;margin-top:30px;}
.swiper-slide4 .fonts{width:65.17%;max-width:491px;left:17%;top:3.5%;z-index:5;}
.swiper-slide4 .cont{top:190px;left:126px;width:390px;}
.swiper-slide4 .cont .ren{top:0px;left:0px;width:100%;z-index:1;}
.swiper-slide4 .cont .rotat{top:112px;left:86px;width:170px;z-index:2;}
.swiper-slide4 .cont .phone{top:250px;left:10px;width:288px;z-index:2;}
/* slide5 */

.swiper-slide5{top:37%;margin-top:50px;}
.swiper-slide5 ul{width:1000px;position:absolute;top:44%;left:20%;margin-top:-200px;margin-left:-306px;}
	}
}

@media screen and (min-width:960px){
  @media screen and (max-height:950px){
.download{position:absolute;z-index:99999;left:48%;top:70.5%;margin-left:-230px;display:block;width:550px;height:150px;line-height:150px;text-align:center;color:#fff;font-size:58px;background:#fe3734;border-radius:80px;box-shadow:0px 20px 35px rgba(249,187,187,0.8);}
.swiper-slide1 .finger{width:160px;left:50%;margin-left:-80px;top:350px;z-index:7;}
.swiper-slide1 .fonts{width:75%;max-width:600px;left:15%;top:2.5%;z-index:5;}
.swiper-slide1 .phonefg{width:250px;left:-10px;top:300px;z-index:7;}
.swiper-slide1 .bigfinger{width:150px;left:153px;top:420px;z-index:8;}	
	
.swiper-slide1 .circle{top:345px;left:-10px;}	
.swiper-slide1 .circle-1{width:760px;left:-20px;top:0px;z-index:0;}
.swiper-slide1 .circle-2{width:600px;left:60px;top:80px;z-index:1;}
.swiper-slide1 .circle-3{width:500px;left:110px;top:130px;z-index:2;}
.swiper-slide1 .circle-4{width:400px;left:160px;top:180px;z-index:3;}
.swiper-slide1 .circle-5{width:320px;left:200px;top:220px;z-index:4;}

.swiper-slide1 .floats-1{width:180px;left:-100px;top:688px;z-index:6;}
.swiper-slide1 .floats-2{width:180px;left:-60px;top:460px;z-index:6;}
.swiper-slide1 .floats-3{width:180px;left:110px;top:290px;z-index:6;}
.swiper-slide1 .floats-4{width:180px;left:370px;top:290px;z-index:6;}
.swiper-slide1 .floats-5{width:180px;left:565px;top:460px;z-index:6;}
.swiper-slide1 .floats-6{width:180px;left:615px;top:688px;z-index:6;}	
/* slide2 */
.swiper-slide2 .fonts{width:82%;max-width:550px;left:12%;top:3.5%;z-index:5;}
.swiper-slide2 .ratater{width:800px;top:300px;left:25%;margin-left:-245px;}
.swiper-slide2 .ratater .ct{position:relative;width:650px;margin:23px auto 0;}
.swiper-slide2 .ratater .ratat{top:0px;left:0px;width:800px;}
/* slide3 */
.swiper-slide3 .fonts{width:82%;max-width:550px;left:10%;top:3.5%;z-index:5;}
.swiper-slide3 .cont{top:300px;left:100px;}
.swiper-slide3 .cont .ren{left:80px;top:70px;z-index:1;width:380px;height:760px;}
.swiper-slide3 .cont .box1{top:0px;left:-20px;width:700px;height:184px;z-index:9;}
.swiper-slide3 .cont .box2{top:130px;left:0px;width:200px;height:380px;z-index:9;}
.swiper-slide3 .cont .box3{top:147px;left:294px;width:145px;height:236px;z-index:9;}

.swiper-slide3 .cont .box1 .text{top:-10px;left:-50px;width:220px;z-index:5;}
.swiper-slide3 .cont .box1 .line_fbd{left:-40px;top:-10px;width:220px;z-index:8;}
.swiper-slide3 .cont .box1 .line{top:22px;left:118px;width:460px;z-index:4;}
.swiper-slide3 .cont .box1 .icon{top:90px;left:510px;width:120px;z-index:5;}

.swiper-slide3 .cont .box2 .text{top:0px;left:-180px;width:190px;z-index:5;}
.swiper-slide3 .cont .box2 .line_fbd{left:-170px;top:0px;width:190px;z-index:8;}
.swiper-slide3 .cont .box2 .line{top:7px;left:-80px;width:30px;z-index:4;}
.swiper-slide3 .cont .box2 .icon{top:350px;left:-50px;width:120px;z-index:5;}

.swiper-slide3 .cont .box3 .text{top:100px;left:200px;width:220px;z-index:5;}
.swiper-slide3 .cont .box3 .line_fbd{left:180px;top:90px;width:226px;z-index:8;}
.swiper-slide3 .cont .box3 .line{top:153px;left:250px;width:20px;z-index:4;}
.swiper-slide3 .cont .box3 .icon{top:380px;left:130px;width:120px;z-index:5;}

/* slide4 */
.swiper-slide4{top:30%;margin-top:30px;}
.swiper-slide4 .fonts{width:82%;max-width:600px;left:13%;top:3.5%;z-index:5;}
.swiper-slide4 .cont{top:230px;left:0px;width:690px;}
.swiper-slide4 .cont .ren{top:0px;left:0px;width:100%;z-index:1;}
.swiper-slide4 .cont .rotat{top:200px;left:200px;width:250px;z-index:2;}
.swiper-slide4 .cont .phone{top:490px;left:50px;width:458px;z-index:2;}

/* slide5 */

.swiper-slide5{top:37%;margin-top:30px;}
.swiper-slide5 ul{width:1000px;position:absolute;top:44%;left:20%;margin-top:-200px;margin-left:-306px;}
}
}



/* slide2 */
.swiper-slide2{top:11%;margin-top:-10px;}


/* slide3 */
.swiper-slide3{top:23%;margin-top:-10px;}






/* slide5 */
/* .swiper-slide5{top:37%;margin-top:30px;} */

.swiper-slide5 ul li{float:left;width:100%;margin-bottom:16px;border-radius:8px;box-shadow:0px 0px 10px rgba(138,138,138,0.5);}
.swiper-slide5 ul li a{display:block;width:100%;height:100%;}
.swiper-slide5 ul li a .t{position:relative;margin:0;}
.swiper-slide5 ul li a .t img{display:block;width:100%;}
.swiper-slide5 ul li a .t video{display:none;width:100%;}
.swiper-slide5 ul li a .t .playbt{position:absolute;top:50%;margin-top:-64px;left:50%;margin-left:-64px;width:128px;height:128px;}
.swiper-slide5 ul li a .t .playbt p{position:absolute;top:0;left:0;z-index:2;width:128px;height:128px;opacity:0.4;background:#000;border-radius:50%;}
.swiper-slide5 ul li a .t .playbt span{position:absolute;top:32px;left:45px;z-index:4;display:block;width:0;height:0;border-top:33px solid transparent;border-bottom:33px solid transparent;border-left:50px solid #fff;border-radius:8px;}
.swiper-slide5 ul li a .b p{height:45px;line-height:45px;font-size:24px;color:#848484;text-align:center;}

/*移动端屏幕宽度适应*/
@media screen and (max-width:321px){
	
	}

/*CSS3效果*/
.arraw{
	-webkit-animation:float_t-b 1.4s linear both infinite;	
	animation:float_t-b 1.4s linear both infinite;
	-moz-animation:float_t-b 1.4s linear both infinite;
	-ms-animation:float_t-b 1.4s linear both infinite;
	-o-animation:float_t-b 1.4s linear both infinite;
	}
/* slider-1 */
.swiper-slide1 .floats-1{
	-webkit-animation:float1 2s ease-in-out 0s infinite,opacity 4s ease-out 3s both;
  	animation:float1 2s ease-in-out 0s infinite,opacity 4s ease-out 3s both;
	}
.swiper-slide1 .floats-2{
	-webkit-animation:float2 2s ease-in-out 0s infinite,opacity 4s ease-out 3s both;
  	animation:float2 2s ease-in-out 0s infinite,opacity 4s ease-out 3s both;
	}
.swiper-slide1 .floats-3{
	-webkit-animation:float3 2s ease-in-out 0s infinite,opacity 4s ease-out 3s both;
  	animation:float3 2s ease-in-out 0s infinite,opacity 4s ease-out 3s both;
	}
.swiper-slide1 .floats-4{
	-webkit-animation:float4 2s ease-in-out 1s infinite,opacity 4s ease-out 3s both;
  	animation:float4 2s ease-in-out 1s infinite,opacity 4s ease-out 3s both;
	}
.swiper-slide1 .floats-5{
	-webkit-animation:float5 2s ease-in-out 1s infinite,opacity 4s ease-out 3s both;
  	animation:float5 2s ease-in-out 1s infinite,opacity 4s ease-out 3s both;
	}
.swiper-slide1 .floats-6{
	-webkit-animation:float6 2s ease-in-out 1s infinite,opacity 4s ease-out 3s both;
  	animation:float6 2s ease-in-out 1s infinite,opacity 4s ease-out 3s both;
	}
.swiper-slide1 .circle-1{
	-webkit-animation:opacity 2s ease-out 3s both;
	animation:opacity 2s ease-out 3s both;
	}
.swiper-slide1 .circle-2{
	-webkit-animation:opacity 2s ease-out 2.5s both;
	animation:opacity 2s ease-out 2.5s both;
	}
.swiper-slide1 .circle-3{
	-webkit-animation:opacity 2s ease-out 2.4s both;
	animation:opacity 2s ease-out 2.4s both;
	}
.swiper-slide1 .circle-4{
	-webkit-animation:opacity 2s ease-out 2.3s both;
	animation:opacity 2s ease-out 2.3s both;
	}
.swiper-slide1 .circle-5{
	-webkit-animation:opacity 2s ease-out 2.2s both;
	animation:opacity 2s ease-out 2.2s both;
	}
.swiper-slide1 .bigfinger{
	-webkit-animation:slider1-rotating 1.3s linear 1.7s both;	
	animation:slider1-rotating 1.3s linear 1.7s both;
	-moz-animation:slider1-rotating 1.3s linear 1.7s both;
	-ms-animation:slider1-rotating 1.3s linear 1.7s both;
	-o-animation:slider1-rotating 1.3s linear 1.7s both;
  }
  
/* slider-2 */
.swiper-slide2 .ratater .ratat{
	-webkit-animation:slider2-rotating 2.5s linear 0s infinite,opacity 3s ease-out 2.4s both;
	-moz-animation:slider2-rotating 2.5s linear 0s infinite,opacity 3s ease-out 2.4s both;
	-ms-animation:slider2-rotating 2.5s linear 0s infinite,opacity 3s ease-out 2.4s both;
	animation:slider2-rotating 2.5s linear 0s infinite,opacity 3s ease-out 2.4s both;
	}
	
/* slider-3 */
.swiper-slide3 .cont .box1{
	-webkit-animation:opacity 1s ease-out 2.2s both;
	-moz-animation:opacity 1s ease-out 2.2s both;
	-ms-animation:opacity 1s ease-out 2.2s both;
	animation:opacity 1s ease-out 2.2s both;
	}
.swiper-slide3 .cont .box2{
	-webkit-animation:opacity 1s ease-out 2.2s both;
	-moz-animation:opacity 1s ease-out 2.2s both;
	-ms-animation:opacity 1s ease-out 2.2s both;
	animation:opacity 1s ease-out 2.2s both;
	}
.swiper-slide3 .cont .box3{
	-webkit-animation:opacity 1s ease-out 2.2s both;
	-moz-animation:opacity 1s ease-out 2.2s both;
	-ms-animation:opacity 1s ease-out 2.2s both;
	animation:opacity 1s ease-out 2.2s both;
	}
.swiper-slide3 .cont .box1 .icon,
.swiper-slide3 .cont .box2 .line,.swiper-slide3 .cont .box2 .icon,
.swiper-slide3 .cont .box3 .line,.swiper-slide3 .cont .box3 .icon
{
	-webkit-animation:float_t-b 2s ease-in-out 3.2s infinite;
  	animation:float_t-b 2s ease-in-out 3.2s infinite;
}

/* slider-4 */
.swiper-slide4 .cont .rotat{
	-webkit-animation:slider4-rotating 2s linear 0s infinite,opacity 1s ease-out 2.4s both;	
	animation:slider4-rotating 2s linear 0s infinite,opacity 1s ease-out 2.4s both;
	-moz-animation:slider4-rotating 2s linear 0s infinite,opacity 1s ease-out 2.4s both;
	-ms-animation:slider4-rotating 2s linear 0s infinite,opacity 1s ease-out 2.4s both;
	-o-animation:slider4-rotating 2s linear 0s infinite,opacity 1s ease-out 2.4s both;
}

/*float*/
@-webkit-keyframes float1 {
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(10px,2px);
    transform:translate(10px,2px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}

@keyframes float1{
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(10px,2px);
    transform:translate(10px,2px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@-webkit-keyframes float2 {
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(10px,5px);
    transform:translate(10px,5px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@keyframes float2{
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(10px,5px);
    transform:translate(10px,5px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@-webkit-keyframes float3 {
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(8px,8px);
    transform:translate(8px,8px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@keyframes float3{
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(8px,8px);
    transform:translate(8px,8px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@-webkit-keyframes float4 {
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(8px,-8px);
    transform:translate(8px,-8px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@keyframes float4{
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(8px,-8px);
    transform:translate(8px,-8px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@-webkit-keyframes float5{
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(10px,-5px);
    transform:translate(10px,-5px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@keyframes float5{
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(10px,-5px);
    transform:translate(10px,-5px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@-webkit-keyframes float6{
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(10px,-2px);
    transform:translate(10px,-2px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@keyframes float6{
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(10px,-2px);
    transform:translate(10px,-2px);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}
@-webkit-keyframes float_t-b {
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(0,1em);
    transform:translate(0,1em);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}

@keyframes float_t-b{
  0% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
  50% {
    -webkit-transform:translate(0,1em);
    transform:translate(0,1em);
  }
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
  }
}

@-webkit-keyframes opacity {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes opacity {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/*rotating*/
@keyframes slider1-rotating{
    30%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
   50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
   100%{-webkit-transform:rotate(0.1deg);-moz-transform:rotate(0.1deg);-ms-transform:rotate(0.1deg);-o-transform:rotate(0.1deg);transform:rotate(0.1deg);}
}
@-webkit-keyframes slider1-rotating{
    30%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
   50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
   100%{-webkit-transform:rotate(0.1deg);-moz-transform:rotate(0.1deg);-ms-transform:rotate(0.1deg);-o-transform:rotate(0.1deg);transform:rotate(0.1deg);}
}

@keyframes slider4-rotating{
   25%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
   50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
   75%{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(15deg);}
   100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes slider4-rotating{
   25%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
   50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
   75%{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(15deg);}
   100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

@keyframes slider2-rotating {
	0%{-webkit-transform:rotate(-194deg);}
	100%{-webkit-transform:rotate(50deg);}
}
@-webkit-keyframes slider2-rotating{
	0%{-webkit-transform:rotate(-194deg);}
	100%{-webkit-transform:rotate(50deg);}
	}